@import '../../common';

.comment-container{
	@include block;
	display: flex;
	justify-content: space-between;

	.header-img{
		image{
			@include size(56,56,50%);
		}
	}
	.info{
		width: calc(100% - 56rpx - 16rpx);

		.user{
			@include flex-space-between;
			text{
				@include fontStyle(28,28,#000000,500);
			}
			image{
				@include size(132,48);
			}
		}
		.content{
			@include fontStyle(28,42,#000000);
			margin:  24rpx 0 32rpx 0;
		}

		.grid{
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 8rpx;
			image{
				display: block;
				width: calc((100% - 48rpx) / 3);
				height: 100rpx;
				margin: 0 24rpx 24rpx 0;
			}
		}

		.coach{
			@include flex-space-between;
			@include fontStyle(28,28,#666666);
		}
	}
}